<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/jquery.min.js"></script>
	</head>
	<body>
		<h1>
			ajax的用法
		</h1>
		<div>商品的编号<span id="itemId"></span></div>
		<div>商品的价格<span id="itemPrice"></span></div>
	</body>
	<script>
		$.ajax({
			type:"POST",
			url:"https://p.3.cn/prices/mgets",
			data:{
				"skuIds":"J_100003717483"
			},
			contentType:"application/json;charset=utf-8",
			dataType:"jsonp",
			success:function(data){
				console.log("访问成功")
				console.log(data)
				//解析id和price
				var item = data[0];
				
				var itemId= item.id;
				var itemPrice= item.p;
				console.log(itemId);
				console.log(itemPrice);
				
				var id = $("#itemId");
				id.text(itemId);
				id.css("color","blue")
				
				var price = $("#itemPrice");
				price.text(itemPrice);
				price.css("color","red")
				
			},
			error:function(e){
				console.log("访问失败")
			}
		})
	</script>
</html>
